
$(document).ready(function() {
    var list = [{
        imgUrl: 'images/nav/3.jpg',
        href: '#'
    }, {
        imgUrl: 'images/nav/5.jpg',
        href: '#'
    }, {
        imgUrl: 'images/nav/7.jpg',
        href: '#'
    }, {
        imgUrl: 'images/nav/8.jpg',
        href: '#'
    }, {
        imgUrl: 'images/nav/4.jpg',
        href: '#'
    }]

    $('#box').fade({
        url: list,
        boxWid: 1226,
        boxHei: 460
    }).css({
        margin: '0 auto'
    })





    var play = true;

    function autoplay() {
        // console.log(play);
        if (play) {
            $('#show .sbottom ul').animate({
                'marginLeft': '-1226px'
            });
        } else {
            $('#show .sbottom ul').animate({ 'marginLeft': '0px' });
        }
        play = !play;
    }
    setInterval(autoplay, 5000);

    $('#show .title .btnlist span.leftbtn').click(function() {
        var male = $('#show .sbottom ul').css('marginLeft');
        if (male == '-1226px') {
            $('#show .sbottom ul').animate({ 'marginLeft': '0px' });
        }
    })
    $('#show .title .btnlist span.rightbtn').click(function() {
        var male = $('#show .sbottom ul').css('marginLeft');
        if (male == '0px') {
            $('#show .sbottom ul').animate({ 'marginLeft': '-1226px' });
        }
    })


    $('#menu .list .list2 .content .spanright8 ul li').hover(function() {
        // console.log(123);
        $(this).stop().animate({
            'top': '-2px',
            'box-shadow': '0px 0px 8px #ccc'
        }, 400)
        $(this).find('span').stop().animate({
            "bottom": '0px',
            'opacity': '1'
        }, 400)
    }, function() {
        $('#menu .list .list2 .content .spanright8 ul li').stop().animate({
            'top': '0px',
            'boxShadow': '0px 0px 0px #ccc'
        }, 400)
        $('#menu .list .list2 .content .spanright8 ul li span').stop().animate({
            'bottom': '-59px',
            'opacity': '0'
        }, 400)
    })

    $('#menu .list .list2 .title .right li a').hover(function() {
        $(this).addClass('put').parents('li').siblings().find('a').removeClass('put');
        $(this).addClass('put');
        var eq = $(this).attr('name');
        $(this).parents('.list1').find('.content').find('.spanright8').find('ul').eq(eq).siblings().removeClass('active');
        $(this).parents('.list1').find('.content').find('.spanright8').find('ul').eq(eq).addClass('active');
        // console.log(eq);
    }, function() {
        // $('#menu .list .list2 .title .right li a')
    })


    $('#content #showtime .tushu').hover(function() {
        // console.log(123);
        $(this).css({ boxShadow: '0px 0px 50px lightgray' })
        $(this).stop().animate({
                'top': '-2px'
            }, 300)
            // $('#content #showtime .tushu .btn').show();
        $(this).find('.btn').show();
    }, function() {
        $(this).css({ boxShadow: '0px 0px 0px white ' });
        $(this).stop().animate({
            'top': '0px'
        }, 300)
        $('#content #showtime .tushu .btn').hide();
    })

    // 

    // ------------------------------------

    var current;
    $('#content #showtime .tushu .b li span').click(function() {
        // console.log(123)
        var eq = $(this).attr('name');
        console.log(eq);
        $(this).addClass('orange');
        $(this).parent().siblings().find('span').removeClass('orange');
        current = eq;
        var left = current * -296;
        $(this).parents('.tushu').find('ul.show').animate({
            'marginLeft': left + 'px'
        })
        return current;
    })
    $('#content #showtime .tushu .btn p.leftbn').click(function() {
        var cur = $(this).parents('.tushu').find('.b').find('span.orange').attr('name');
        // console.log(cur);
        current = cur;
        var length = $(this).parents('.tushu').find('ul.show').find('li').length;
        // console.log(current);
        if (current > 0) {
            current--;
            var left = current * -296;
            // console.log(current);
        }
        $(this).parents('.tushu').find('ul.show').animate({
            'marginLeft': left + 'px'
        })
        $(this).parents('.tushu').find('.b').find('li').eq(current).siblings().find('span').removeClass('orange');
        $(this).parents('.tushu').find('.b').find('li').eq(current).find('span').addClass('orange');
        return current;
    })
    $('#content #showtime .tushu .btn p.rightbn').click(function() {
        var cur = $(this).parents('.tushu').find('.b').find('span.orange').attr('name');
        // console.log(cur);
        current = cur;
        var length = $(this).parents('.tushu').find('ul.show').find('li').length;
        // console.log(current);
        if (current < length - 1) {
            current++;
            var left = current * -296;
        }
        $(this).parents('.tushu').find('ul.show').animate({
            'marginLeft': left + 'px'
        })

        $(this).parents('.tushu').find('.b').find('li').eq(current).siblings().find('span').removeClass('orange');
        $(this).parents('.tushu').find('.b').find('li').eq(current).find('span').addClass('orange');
        return current;
    })

    // ******************
    $('.top .content .right .orange').hover(function() {
            // console.log(123);
            $(this).css({ 'color': '#ff6700' });
            $(this).find('.icon').css({
                'backgroundImage': 'url(images/header/购物车2.png)'
            })
            $('.top .content .menu').stop().animate({ 'height': '86px' }, 200)
        }, function() {
            $(this).css({ 'color': '#b0b0b0' });
            $(this).find('.icon').css({
                'backgroundImage': 'url(images/header/购物车1.png)'
            })
            $('.top .content .menu').stop().animate({ 'height': '0px' }, 200)
        })
        // ............
    $('.header .content .nav ul li a.nn').hover(function() {
        $('#st').animate({
            "height": '0px',
            'opacity': '0'
        })
    })
    $('.header .content .nav ul li a.nn').parents('ul').find('li.nn').mouseover(function() {
        $('#st').animate({
            "height": '0px',
            'opacity': '0'
        })
    })
    $('.header .content .nav ul li a.zz').mouseover(function() {
        var eq = $(this).attr('name')
        $('#st').css({ 'z-index': '999' })
        $('#st').stop().animate({
            "height": '229px',
            'opacity': '1'
        }, 400)
        $('#st ul').eq(eq).show().siblings().hide();
        $('#st').mouseleave(function() {
            $('#st').stop().animate({
                "height": '0px',
                'opacity': '0',
                'z-index': '-1'
            }, 400)
        })
    })
    $('.header .content .nav ul').mouseleave(function() {
        $('#st').stop().animate({
            "height": '0px',
            'opacity': '0',
            'z-index': '-1'
        }, 400)
    })


    // ----------
    $('#nav .top .right ul li').hover(function() {
        $(this).addClass('bbb').siblings().removeClass('bbb');
        $('#nav_content').show();
        var eq = $(this).attr('name');
        $('#nav_content').find('li').removeClass('chu');
        $('#nav_content').find('li').eq(eq).addClass('chu');
        // console.log(eq);
    }, function() {
        // var eq = $(this).attr('name');
        $('#nav_content').find('li.chu').mouseleave(function() {
            // console.log(123);
            $(this).removeClass('chu');
            $('#nav .top .right ul li').removeClass('bbb');
        })
        $('#nav').mouseleave(function() {
            $('#nav_content').find('li').removeClass('chu');
            $('#nav .top .right ul li').removeClass('bbb');
        })
    })


    $('#menu .list .list1 .content li').hover(function() {
        $(this).css({ 'box-shadow': '0px 0px 20px lightgray' })
        $(this).animate({
            'top': '-4px',
        }, 200)
    }, function() {
        $(this).css({ 'box-shadow': '0px 0px 0px lightgray' })
        $(this).animate({
            'top': '0px',
        }, 200)
    })


    $('#menu .list .list1 .content .spanleft1 a img').hover(function() {
        $(this).css({ 'box-shadow': '0px 0px 20px lightgray' })
        $(this).animate({
            'top': '-4px',
        }, 200)
    }, function() {
        $(this).css({ 'box-shadow': '0px 0px 0px lightgray' })
        $(this).animate({
            'top': '0px',
        }, 200)
    })


    $('#say #dd li').hover(function() {
        $(this).animate({ 'top': '-4px' })
    }, function() {
        $(this).animate({ 'top': '0px' })
    })
    $('#say #comment div.bd ul li').hover(function() {
        $(this).animate({ 'top': '-4px' })
    }, function() {
        $(this).animate({ 'top': '0px' })
    })


    $('#menu .list .list1 .title .right a').hover(function() {
        $(this).css({ 'color': '#ff6700' });
        $(this).find('i').css({ 'backgroundColor': '#ff6700' })
    }, function() {
        $(this).css({ 'color': '#424242' });
        $(this).find('i').css({ 'backgroundColor': 'rgb(176,176,176)' })
    })

    $('#video #container .title .tright').hover(function() {
        $(this).css({ 'color': '#ff6700' });
        $(this).find('span').css({ 'backgroundColor': '#ff6700' })
    }, function() {
        $(this).css({ 'color': '#424242' });
        $(this).find('span').css({ 'backgroundColor': 'rgb(176,176,176)' })
    })


    $('#video #container .content li').hover(function() {
        $(this).css({ 'box-shadow': '0px 0px 20px lightgray' })
        $(this).animate({
            'top': '-4px',
        }, 200)
    }, function() {
        $(this).css({ 'box-shadow': '0px 0px 0px lightgray' })
        $(this).animate({
            'top': '0px',
        }, 200)
    })

    $('#footer #container .content .ser ul li a').hover(function() {
        // console.log(123);
        var eq = $(this).attr('name');
        $(this).find('i').css({ 'backgroundImage': 'url(images/footer/' + eq + '.1.png' })
    }, function() {
        var eq = $(this).attr('name');
        $(this).find('i').css({ 'backgroundImage': 'url(images/footer/' + eq + '.png' })
    })
})